<div class="common-container">
  <!-------------------info------------------>
  <div id="info">
    <!----------------info 图片---------------->
    <div class="info-picture">
      <img src={{productInfo.image}} alt="product image"/>
    </div>

    <!---------------info 内容---------------->
    <div class="info-content">
      <h1 class="name">{{productInfo.name}}</h1>

      <h2 class="price info-top">￥{{productInfo.price}}</h2>
      <p class="description">
        {{productInfo.description}}
        <!--
        四格漫画《幸运☆星》及其衍生作品中的主人公。热爱动画及游戏，是个彻头彻尾的御宅族(受到父亲严重影响)，当今有名的御宅族（Otaku）代表。
        <br/>
        头脑应该不错，不过不喜欢字多的书，所以连与动漫高度相关的轻小说都不太喜欢读。
        <br/>
        为萌的定义增添了无身材、贫乳（同样出自自我评述）、纯kuso三大要义，成功将纯爱萌演变为御宅莔
        -->
      </p>

      <div class="content-row info-top">
        <span class="content-row-label">数量</span>
        <span class="content-row-main number-wrap">
          <span class="minus" ng-click="Number.minus()">-</span>
          <span class="input">{{Number.getCount()}}</span>
          <span class="plus" ng-click="Number.plus()">+</span>
        </span>
        <span class="amount">(库存{{productInfo.amount}}件)</span>
      </div>

      <!--这里应该写库存-->


      <div class="info-top product-submit">
        <!--<button class="btn btn-danger btn-lg buy">立即购买</button>-->
        <button class="btn btn-primary btn-lg cart" ng-click="addCart()">加入购物车</button>
      </div>

     </div>
    </div>
  </div>
</div>